<html>
<head>
<title>Demo</title>
<style type="text/css">
div#wn	{ 
    position:relative; 
    width:184px; height:52px; 
    overflow:hidden;	
	}
</style>
<script src="js/dw_event.js" type="text/javascript"></script>
<script src="js/dw_scroll.js" type="text/javascript"></script>
<script src="js/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript">

function init_dw_Scroll() {
    var wndo = new dw_scrollObj('wn', 'lyr1', 't1');
    wndo.setUpScrollControls('scrollLinks');
}

// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    //dw_writeStyleSheet('css/scroll.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}

</script>
</head>
<body>

<h1>Horizontal Mouseover Scrolling</h1>



<div id="wn">
    <div id="lyr1">
    <table id="t1" border="0" cellpadding="0" cellspacing="6">
        <tr>
            <td><img src="images/demo/dwc-w-btn.gif" width="175" height="40" alt="" /></td>
            <td><img src="images/demo/dot-com-btn.gif" width="176" height="30" alt="" /></td>
            <td><img src="images/demo/slogan-btn.gif" width="132" height="32" alt="" /></td>
            <td><img src="images/demo/dwc-w-btn.gif" width="175" height="40" alt="" /></td>
            <td><img src="images/demo/dot-com-btn.gif" width="176" height="30" alt="" /></td>
            <td><img src="images/demo/slogan-btn.gif" width="132" height="32" alt="" /></td>
        </tr>
    </table>
    </div>
</div>  <!-- end wn div -->


<!-- border attribute added to reduce support questions on the subject. 
    If you like valid strict markup, remove and place a img {border:none;} spec in style sheet -->
<div id="scrollLinks">
    <a class="mouseover_left" href="#"><img src="images/tri-lft.gif" alt="" border="0" /></a>
    <a class="mouseover_right" href="#"><img src="images/tri-rt.gif" alt="" border="0" /></a>
</div>


<p>Back to <a href="index.html">index</a></p>



</body>
</html>
